/*
    颜色变量
    方便以后修改，也方便做个性化设置
 */
:root {
    /* 背景颜色 */
    --bg-color: #ecf0f3;
    /*  背景右下角阴影 */
    --bg-top-shadow: #d1d9e6;
    /* 背景左上角阴影 */
    --bg-bottom-shadow: #f9f9f9;
    /* 文字颜色 */
    --text-color: #181818;
    /* 输入框聚焦左上内阴影 */
    --input-focus-shadow: #bed5ff;
    /* 输入框聚焦右下内阴影 */
    --input-focus-shadow2: #e1e1e1;
    /* 验证码文字颜色 */
    --btn-text-color: #4B70E2;
    /* 输入框错误提示颜色 */
    --text-error-color: #e60707 !important;
    /* 按钮聚焦左上阴影颜色 */
    --btn-focus-shadow: #c2d2ff;
    /* 按钮聚焦右上阴影颜色 */
    --btn-focus-shadow2: #ffffff;
    /* 加粗文字颜色 */
    --b-color: #5073df;
    /* 加粗文字聚焦颜色 */
    --b-focus-color: #7d9aff;
    /* 右侧边框颜色 */
    --right-border: #c1c1c1;
    /* 纯白色 */
    --white: #ffffff;
    /* 图标颜色 */
    --icon-color: #646879;
    /* 按钮中的文字颜色 */
    --text-color2: #f9f9f9;
    /* 按钮聚焦背景色 */
    --btn-hover-color: #4B70E2;
    /* 按钮背景色 */
    --btn-color: #409EFF;
    /* 边框颜色 */
    --border-color: #cccccc;
    --span-color: #666666;
    --info-color: #333333;
}









